.layui-tab-title .layui-this,
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i {
    color: #1890ff;
}

.layui-table-cell {
    height: 32px !important;
}

.layui-table-cell .layui-btn + .layui-btn {
    margin-left: 5px !important;
}

/** ---------------------------theme-himio主题start----------------------------------- */
/* logo */
.layui-fluid{
    padding: 15px 15px 55px 15px;
}
.theme-himio .layui-layout-admin .layui-header .layui-logo {
    color: #dddddd;
    background-color: #191a23;

}

/* header */

.theme-himio .layui-layout-left .layui-nav-item.layui-this {
    background: #f6f6f6;
}

.theme-himio .layui-layout-admin .layui-header {
    background-color: #ffffff;
}

.theme-himio .layui-layout-admin .layui-header a {
    color: #595959;
}

.theme-himio .layui-layout-admin .layui-header a:hover {
    color: #595959;
}

.theme-himio .layui-layout-admin .layui-header .layui-nav-child a {
    color: #595959;
}

.theme-himio .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
    border-color: #595959 transparent transparent;
}

.theme-himio .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent transparent #595959;
}

.theme-himio .layui-layout-admin .layui-header .layui-nav .layui-this:after,
.theme-himio .layui-layout-admin .layui-header .layui-nav-bar {
    background-color: #191a23;
}


/* side */
.theme-himio .layui-layout-admin .layui-side {
    background-color: #171928;

}


.theme-himio .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-himio .layui-nav-tree .layui-this > a,
.theme-himio .layui-nav-tree .layui-this > a:hover {
    background-color: #1890ff;
}

.theme-himio .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #1890ff;
}


.theme-himio .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #171928 !important;
}


/* side width */
.theme-himio .layui-header .layui-logo,
.theme-himio .layui-side,
.theme-himio .layui-side .layui-nav {
    width: 220px;
}

.theme-himio .layui-side .layui-side-scroll {
    width: 240px;
}

.theme-himio .layui-body,
.theme-himio .layui-footer {
    left: 220px;
}

@media screen and (max-width: 768px) {
    .theme-himio .layui-layout-admin {
        left: -220px;
    }

    .theme-himio .layui-layout-admin.admin-nav-mini .site-mobile-shade {
        left: 220px;
    }

    body .layui-layout-admin.admin-nav-mini {
        left: 0;
    }
}


/* body tab */

.theme-himio .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #1890ff;

}


/* body title */
.theme-himio .layui-body-header-title {
    border-left-color: #1890ff;
}


/* admin dialog */
.theme-himio .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #191a23;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}


.theme-himio .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #1890ff;
    background-color: #1890ff;
}


.theme-himio .layui-layer.layui-layer-admin .layui-layer-btn a {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.theme-himio .layui-layer.layui-layer-admin {
    border-radius: 2px;
}


.theme-himio .layui-layer.layui-layer-admin .layui-layer-title {
    height: 47px;
    line-height: 47px;
}

.theme-himio .layui-layer.layui-layer-admin .layui-layer-setwin {
    top: 15px;
}


/* other */
.theme-himio .more-theme-item:hover,
.theme-himio .more-theme-item.active {
    border-color: #1890ff;
}

.theme-himio .btn-circle {
    background: #1890ff;
}

.theme-himio .ball-loader > span,
.theme-himio .signal-loader > span {
    background-color: #1890ff;
}

.theme-himio .text-primary,
.theme-himio .layui-link {
    color: #1890ff !important;;
}


/* button */
.theme-himio .layui-btn {
    background-color: #1890ff;

    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);

}

xm-select, xm-select .xm-select-default {
    height: 32px !important;
}

/* input */
.theme-himio .layui-input:focus,
.theme-himio .layui-textarea:focus,
.theme-himio xm-select:hover {
    border-color: #1890ff !important;
}


.theme-himio .layui-input:focus,
.theme-himio .layui-textarea:focus,
.theme-himio .layui-btn:active,
.theme-himio .layui-layer.layui-layer-admin .layui-layer-btn a:focus,
.theme-himio .layui-layer.layui-layer-admin .layui-layer-btn a:active,
.theme-himio xm-select:active {
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
}

.theme-himio .layui-form-danger:focus,
.theme-himio .layui-form-danger + .layui-form-select .layui-input {
    box-shadow: 0 0 0 2px rgba(237, 64, 20, .2);
}

.theme-himio .layui-btn.layui-btn-normal:focus,
.theme-himio .layui-btn.layui-btn-normal:active {
    box-shadow-color: rgba(20, 159, 255, .2);
}

.theme-himio .layui-btn.layui-btn-warm:active {
    box-shadow: 0 0 0 2px rgba(255, 184, 0, .2);
}

.theme-himio .layui-btn.layui-btn-danger:active {
    box-shadow: 0 0 0 2px rgba(255, 87, 34, .2);
}


/* input、button height */
/* button */
.theme-himio .layui-btn {
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
}

.theme-himio .layui-layer.layui-layer-admin .layui-layer-btn a {
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
}

.theme-himio .layui-form .layui-inline > button {
    margin-top: -5px;
}

xm-select > .xm-body .xm-option {
    height: 32px;
}

/* input */
.theme-himio .layui-input,
.theme-himio .layui-select,
.theme-himio .layui-textarea,
.theme-himio xm-select {
    height: 32px;
    border-radius: 2px;
}

/* form */
.theme-himio .layui-form-label,
.theme-himio .layui-form-mid {
    padding-top: 8px;
    padding-bottom: 8px;
}

.theme-himio .layui-input-block {
    min-height: 32px;
}

.theme-himio .layui-form-radio {
    margin-top: 4px;
}

/* button lg sm */
.theme-himio .layui-btn-lg {
    height: 42px;
    line-height: 42px;
}

.theme-himio .layui-btn.layui-btn-sm {
    height: 28px;
    line-height: 28px;
}

.theme-himio .layui-btn.layui-btn-xs {
    height: 22px;
    line-height: 22px;
}


/* switch */
.theme-himio .layui-form-onswitch {
    border-color: #1890ff;
    background-color: #1890ff;
}

/* radio */
.theme-himio .layui-form-radio > i:hover,
.theme-himio .layui-form-radioed > i,
.theme-himio .layui-form-checked i,
.theme-himio .layui-form-checked:hover i {
    color: #1890ff;
}

/* checkbox */
.theme-himio .layui-form-checked[lay-skin=primary] i,
.theme-himio .layui-form-checked span,
.theme-himio .layui-form-checked:hover span {
    border-color: #1890ff !important;
    background-color: #1890ff;
}

.theme-himio .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-himio .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1890ff;
}

/* select */
.theme-himio .layui-form-select dl dd.layui-this {
    background-color: #1890ff;
}

/* laypage */
.theme-himio .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1890ff;
}

.theme-himio .layui-laypage input:focus,
.theme-himio select:focus {
    border-color: #1890ff !important;
}

.theme-himio .layui-laypage a:hover {
    color: #1890ff;
}

/* tab */
.theme-himio .layui-tab-brief > .layui-tab-title .layui-this {
    color: #1890ff;
}

.theme-himio .layui-tab-brief > .layui-tab-more li.layui-this:after,
.theme-himio .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-color: #1890ff !important;
}

.theme-himio .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #1890ff;
    color: #1890ff;
}

/* breadcrumb */
.theme-himio .layui-breadcrumb a:hover {
    color: #1890ff !important;
}

/* laydate */
.theme-himio .layui-laydate-footer span:hover,
.theme-himio .layui-laydate-header i:hover,
.theme-himio .layui-laydate-header span:hover {
    color: #1890ff;
}

.theme-himio .layui-laydate .layui-this {
    background-color: #1890ff !important;
}

.theme-himio .layui-laydate-content td.laydate-selected {
    background-color: rgba(24, 144, 255, .1);
}

.theme-himio .laydate-selected:hover {
    background-color: rgba(24, 144, 255, .1) !important;
}

/* timeline */
.theme-himio .layui-timeline-axis {
    color: #1890ff;
}

/* transfer */
.theme-himio .layui-transfer-active .layui-btn {
    background-color: #1890ff !important;
    border-color: #1890ff !important;
}

/* progress-bar */
.theme-himio .layui-progress-bar {
    background-color: #1890ff;
}

/* slider */
.theme-himio .layui-slider-bar {
    background-color: #1890ff !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #1890ff !important;
}

/* steps */
.theme-himio .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #1890ff;
}

.theme-himio .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
.theme-himio .layui-elem-quote {
    border-color: #1890ff;
}

.theme-himio .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-himio .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #1890ff;
}

.theme-himio .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(24, 144, 255, .5);
}

.theme-himio .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
    background-color: #1890ff;
}

.theme-himio .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
    border-left-color: rgba(24, 144, 255, .5) !important;
}

.theme-himio .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
    border-left-color: #1890ff !important;
}

/* xmSelect */
.theme-himio xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #1890ff !important;
}

.theme-himio xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-himio xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-himio .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #1890ff !important;
}

.theme-himio xm-select .xm-label .xm-label-block,
.theme-himio xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #1890ff !important;
}

/* tagsinput */
.theme-himio div.tagsinput span.tag {
    background: #1890ff;
}

/* cascader */
.theme-himio .ew-cascader-dropdown-list-item.active,
.theme-himio .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #1890ff;
}

/* city-select */
.theme-himio .city-select a.active {
    color: #fff !important;
    background-color: #1890ff !important;
}

.theme-himio .city-select a:hover,
.theme-himio .city-select a:focus {
    background-color: rgba(24, 144, 255, .07);
    color: #1890ff;
}

.theme-himio .city-picker-span > .title > span:hover {
    background-color: rgba(24, 144, 255, .07);
}

.theme-himio .city-select-tab > a.active {
    color: #1890ff;
}


/** ---------------------------theme-himio主题end----------------------------------- */


.icon-btn > .fa {
    margin-right: 5px;
}

/**
数据表格中的select尺寸调整
 */
.layui-table-view .layui-table-cell .layui-select-title .layui-input {
    height: 30px;
    line-height: 30px;
}

.layui-table-view [lay-size="lg"] .layui-table-cell .layui-select-title .layui-input {
    height: 40px;
    line-height: 40px;
}

.layui-table-view [lay-size="lg"] .layui-table-cell .layui-select-title .layui-input {
    height: 40px;
    line-height: 40px;
}

.layui-table-view [lay-size="sm"] .layui-table-cell .layui-select-title .layui-input {
    height: 20px;
    line-height: 20px;
}

.layui-table-view [lay-size="sm"] .layui-table-cell .layui-btn-xs {
    height: 18px;
    line-height: 18px;
}

.layui-input[disabled],
.layui-input.layui-disabled,
.layui-select-title > .layui-input[readonly],
.layui-form-item select[disabled],
.layui-select-disabled,
.xm-select-disabled,
textarea[disabled],
.layui-input[readonly] {
    background: #eeeeee !important;
}

.layui-select-title > .layui-input[readonly]:not(.layui-disabled) {
    background: #FFFFFF !important;
}

form:not(.toolbar) .layui-form-label {
    width: 100px;
}

form:not(.toolbar) .layui-input-block {
    margin-left: 130px;
}


xm-select .xm-body .xm-option .xm-option-icon {
    height: 14px !important;
    width: 14px !important;
    font-size: 14px !important;
}

.layui-layout-admin .layui-header .layui-nav-item .layui-icon {
    font-size: 12px;
}

.fa + cite,
.layui-icon + cite {
    margin-left: 10px;
}

.layui-nav-child > dd > a > i.fa {
    margin-right: 10px;
}

.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this, .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover {
    background-color: #eff6fd;
    color: #1890ff;
    font-weight: bold;
    transition: background .5s cubic-bezier(.645, .045, .355, 1), color .5s cubic-bezier(.645, .045, .355, 1), font-weight .5s cubic-bezier(.645, .045, .355, 1);
}

.theme-himio .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background: transparent;
}